
/*用户中心*/
li.yhzx{
  background: url("right_top_bg.jpg") repeat-x center center;
  height: 50px;
  padding-top: 10px;
}
.xitong .xt li.yhzx p{
    background: url(right_header.png) no-repeat center center;
    display: none;
    width: 93px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    left: -110px;
    opacity: 0;
    position: absolute;
    font-size: 12px;
	top:10px;
	color: #4c67a7;
}
.xitong .xt li.yhzx:hover p{
	display:inline-block;
	opacity:1;
	left:-91px;
	top:10px;
	transition:all 2s;
}

.xitong .xt li.yhzx a i{
  display: block;
  width: 38px;
  height: 28px;
  background: url("yhzx.png") no-repeat center center;
}
/*消息*/
.xitong .xt li.xx a i{
  display: block;
  width: 38px;
  height: 28px;
  background: url("xx.png") no-repeat center center;
  margin-top: 10px;
}
.xitong .xt li.xx{
  height: 48px;
  border-top:1px solid #a5b3d3;
}
.xitong .xt .xx.active i{
  background: url("xx-01.png") no-repeat center center;
}
.xitong .xt li.xx:hover i{
  background: url("xx-01.png") no-repeat center center;
}
.xitong .xt li.xx p{
  background: url(right_header.png) no-repeat center center;
    display: none;
    width: 93px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    left: -110px;
    opacity: 0;
    position: absolute;
    font-size: 12px;
	top:10px;
	color: #4c67a7;
}
.xitong .xt li.xx:hover p{
	display:inline-block;
	opacity:1;
	left:-91px;
	top:10px;
	transition:all 2s;
}
/*办件*/
.xitong .xt li.bj a i{
  display: block;
  width: 38px;
  height: 28px;
  background: url("bj.png") no-repeat center center;
  margin-top: 10px;
}
.xitong .xt li.bj{
  height: 48px;
  border-top:1px solid #a5b3d3;
}
.xitong .xt .bj.active i{
  background: url("bj-01.png") no-repeat center center;
}
.xitong .xt li.bj:hover i{
  background: url("bj-01.png") no-repeat center center;
}
.xitong .xt li.bj p{
  background: url(right_header.png) no-repeat center center;
    display: none;
    width: 93px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    left: -110px;
    opacity: 0;
    position: absolute;
    font-size: 12px;
	top:10px;
	color: #4c67a7;
}
.xitong .xt li.bj:hover p{
	display:inline-block;
	opacity:1;
	left:-91px;
	top:10px;
	transition:all 2s;
}

/*咨询*/
.xitong .xt li.zx a i{
  display: block;
  width: 38px;
  height: 28px;
  background: url("zx.png") no-repeat center center;
  margin-top: 10px;
}
.xitong .xt li.zx{
  height: 48px;
  border-top:1px solid #a5b3d3;
}
.xitong .xt .zx.active i{
  background: url("zx-01.png") no-repeat center center;
}
.xitong .xt .zx.active p,.xitong .xt li.zx:hover p{
  color: #4c67a7;
}
.xitong .xt li.zx:hover i{
  background: url("zx-01.png") no-repeat center center;
}
.xitong .xt li.zx p{
  background: url(right_header.png) no-repeat center center;
    display: none;
    width: 93px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    left: -110px;
    opacity: 0;
    position: absolute;
    font-size: 12px;
	top:10px;
	color: #4c67a7;
}
.xitong .xt li.zx:hover p{
	display:inline-block;
	opacity:1;
	left:-91px;
	top:10px;
	transition:all 2s;
}

/*投诉*/
.xitong .xt li.ts a i{
  display: block;
  width: 38px;
  height: 28px;
  background: url("ts.png") no-repeat center center;
  margin-top: 10px;
}
.xitong .xt li.ts{
  height: 48px;
  border-top:1px solid #a5b3d3;
}
.xitong .xt .ts.active i{
  background: url("ts-01.png") no-repeat center center;
}
.xitong .xt li.ts:hover i{
  background: url("ts-01.png") no-repeat center center;
}
.xitong .xt li.ts p{
  background: url(right_header.png) no-repeat center center;
    display: none;
    width: 93px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    left: -110px;
    opacity: 0;
    position: absolute;
    font-size: 12px;
	top:10px;
	color: #4c67a7;
}
.xitong .xt li.ts:hover p{
	display:inline-block;
	opacity:1;
	left:-91px;
	top:10px;
	transition:all 2s;
}

/*公务邮箱*/
.xitong .xt li.gwyx{
  padding-top: 8px;
}
.xitong .xt li.gwyx a i{
  display: block;
  width: 38px;
  height: 28px;
  background: url("gwyx.png") no-repeat center center;
}
.xitong .xt li.gwyx{
  height: 50px;
  background: #a5b3d3;
}
.xitong .xt li.gwyx p{
    background: url(right_header.png) no-repeat center center;
    display: none;
    width: 93px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    left: -110px;
    opacity: 0;
    position: absolute;
    font-size: 12px;
	top:10px;
	color: #4c67a7;
}
.xitong .xt li.gwyx:hover p{
	display:inline-block;
	opacity:1;
	left:-91px;
	top:10px;
	transition:all 2s;
}
/*智能问答*/
.xitong .xt li.znwd{
  padding-top: 8px;
  border-top: 1px solid #e0e4ef;
}
.xitong .xt li.znwd a i{
  display: block;
  width: 38px;
  height: 28px;
  background: url("znwd.png") no-repeat center center;
}
.xitong .xt li.znwd{
  height: 50px;
  background: #a5b3d3;
}
.xitong .xt li.znwd p{
  background: url(right_header.png) no-repeat center center;
    display: none;
    width: 93px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    left: -110px;
    opacity: 0;
    position: absolute;
    font-size: 12px;
	top:10px;
	color: #4c67a7;
}
.xitong .xt li.znwd:hover p{
	display:inline-block;
	opacity:1;
	left:-91px;
	top:10px;
	transition:all 2s;
}


.xitong .szxx li{
  margin: 10px 0;
}
/*国务院客户端*/
.xitong .szxx .gwy i{
  display: block;
  width: 38px;
  height: 28px;
  background: url("gwy.png") no-repeat center center;
}
.xitong .szxx li.gwy p{
  background: url(right_header.png) no-repeat center center;
    display: none;
    width: 93px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    left: -110px;
    opacity: 0;
    position: absolute;
    font-size: 12px;
	top:0px;
	color: #4c67a7;
}
.xitong .szxx li.gwy:hover p{
	display:inline-block;
	opacity:1;
	left:-91px;
	top:0px;
	transition:all 2s;
}
/*app*/
.xitong .szxx .app i{
  display: block;
  width: 38px;
  height: 28px;
  background: url("APP.png") no-repeat center center;
}
.xitong .szxx .app i:hover{
  display: block;
  width: 38px;
  height: 28px;
  background: url("APP-01.png") no-repeat center center;
}
.xitong .szxx li.app p{
  background: url(right_header.png) no-repeat center center;
    display: none;
    width: 93px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    left: -110px;
    opacity: 0;
    position: absolute;
    font-size: 12px;
	top:0px;
	color: #4c67a7;
}
.xitong .szxx li.app:hover p{
	display:inline-block;
	opacity:1;
	left:-91px;
	top:0px;
	transition:all 2s;
}
/*微博*/
.xitong .szxx .weibo i{
  display: block;
  width: 38px;
  height: 28px;
  background: url("wb.png") no-repeat center center;
}
.xitong .szxx .weibo i:hover{
  display: block;
  width: 38px;
  height: 28px;
  background: url("wb-01.png") no-repeat center center;
}
.xitong .szxx li.weibo p{
  background: url(right_header.png) no-repeat center center;
    display: none;
    width: 93px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    left: -110px;
    opacity: 0;
    position: absolute;
    font-size: 12px;
	top:0px;
	color: #4c67a7;
}
.xitong .szxx li.weibo:hover p{
	display:inline-block;
	opacity:1;
	left:-91px;
	top:0px;
	transition:all 2s;
}
/*微信*/
.xitong .szxx .weixin i{
  display: block;
  width: 38px;
  height: 28px;
  background: url("wx.png") no-repeat center center;
}
.xitong .szxx .weixin i:hover{
  display: block;
  width: 38px;
  height: 28px;
  background: url("wx-01.png") no-repeat center center;
}
.xitong .szxx li.weixin p{
  background: url(right_header.png) no-repeat center center;
    display: none;
    width: 93px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    left: -110px;
    opacity: 0;
    position: absolute;
    font-size: 12px;
	top:0px;
	color: #4c67a7;
}
.xitong .szxx li.weixin:hover p{
	display:inline-block;
	opacity:1;
	left:-91px;
	top:0px;
	transition:all 2s;
}
/*订阅*/
.xitong .szxx .dy i{
  display: block;
  width: 38px;
  height: 28px;
  background: url("dy.png") no-repeat center center;
}
.xitong .szxx .dy i:hover{
  display: block;
  width: 38px;
  height: 28px;
  background: url("dy-01.png") no-repeat center center;
}
.xitong .szxx li.dy p{
  background: url(right_header.png) no-repeat center center;
    display: none;
    width: 93px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    left: -110px;
    opacity: 0;
    position: absolute;
    font-size: 12px;
	top:0px;
	color: #4c67a7;
}
.xitong .szxx li.dy:hover p{
	display:inline-block;
	opacity:1;
	left:-91px;
	top:0px;
	transition:all 2s;
}
/*回到顶部*/
.xitong .szxx .hddb{
  border-top: 1px solid #a5b3d3;
  padding-top: 10px;
}
.xitong .szxx .hddb i{
  display: block;
  width: 38px;
  height: 28px;
  background: url("db.png") no-repeat center center;
}
.xitong .szxx li.hddb p{
  background: url(right_header.png) no-repeat center center;
    display: none;
    width: 93px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    left: -110px;
    opacity: 0;
    position: absolute;
    font-size: 12px;
	top:10px;
	color: #4c67a7;
}
.xitong .szxx li.hddb:hover p{
	display:inline-block;
	opacity:1;
	left:-91px;
	top:10px;
	transition:all 2s;
}




/*通用右侧样式文件*/
.xitong {
  width: 40px;
  height: 100%;
  background-color: #FFFFFF;
  position: absolute;
  left: 0;
  margin-right: -40px;
  top: 0;
  z-index: 1003;
  border-left: 1px solid #a5b3d3;
  border-right: 1px solid #a5b3d3;
  box-sizing: border-box;
}

.xt li {
  position: relative;
  text-align: center;
  }
.xt li .pub-waring {
    position: absolute;
    right: 2px;
    top: 2px;
    -webkit-animation: warning 0.2s linear infinite alternate;
    animation: warning 0.2s linear infinite alternate; }
@-webkit-keyframes warning {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: .5; }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes warning {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: .5; }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
  .xt li a.user-center {
    display: block; }
  .xt li a {
    -webkit-transition: oapcity .2s,margin-left .2s,background .5s;
    transition: oapcity .2s,margin-left .2s,background .2s;
    position: relative;
    display: block;
    text-align: center;
    color: #fff; }
    .xt li a.active {
      background: #c40000; }
    .xt li a span {
      position: absolute;
      right: 0;
      top: -8px;
      font-size: 12px;
      display: inline-block;
      width: 16px;
      height: 16px;
      border-radius: 8px;
      background: #c11717;
      color: #fff;
      z-index: 1000;
      text-align: center;
      line-height: 12px;
      font-weight: bold;  }
.szxx {
  position: absolute;
  left: 0;
  bottom: 20px; }

.szxx li {
  position: relative;
  width: 35px;
  font-size: 12px;
  margin: 0 auto;
  text-align: center;
  padding-left: 0;
  line-height: 35px; }
.pub-right-C {
  width: 255px;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  background: #fff;
  z-index: 1005; }


.index-weather-C .index-weather-detail-C {
  width: 100%;
  margin-top: 20px;
  height: 500px; }
  .index-weather-C .index-weather-detail-C .road-warn .zUIpanelScrollBar {
    background: #f2f3f7; }
  .index-weather-C .index-weather-detail-C .weather-warn, .index-weather-C .index-weather-detail-C .road-warn {
    width: 100%;
    height: 50%;
    overflow: hidden; }
    .index-weather-C .index-weather-detail-C .weather-warn .d-header, .index-weather-C .index-weather-detail-C .road-warn .d-header {
      font-size: 16px;
      height: 26px;
      line-height: 26px;
      position: relative;
      color: #245399; }
      .index-weather-C .index-weather-detail-C .weather-warn .d-header span, .index-weather-C .index-weather-detail-C .weather-warn .d-header a, .index-weather-C .index-weather-detail-C .road-warn .d-header span, .index-weather-C .index-weather-detail-C .road-warn .d-header a {
        position: absolute;
        left: 0; }
      .index-weather-C .index-weather-detail-C .weather-warn .d-header span, .index-weather-C .index-weather-detail-C .road-warn .d-header span {
        margin-left: 12px; }
      .index-weather-C .index-weather-detail-C .weather-warn .d-header a, .index-weather-C .index-weather-detail-C .road-warn .d-header a {
        right: 15px;
        left: auto;
        height: 100%;
        vertical-align: middle; }
    .index-weather-C .index-weather-detail-C .weather-warn .d-warn-list-C, .index-weather-C .index-weather-detail-C .road-warn .d-warn-list-C {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      overflow: hidden;
      margin-top: 24px; }
      .index-weather-C .index-weather-detail-C .weather-warn .d-warn-list-C ul li, .index-weather-C .index-weather-detail-C .road-warn .d-warn-list-C ul li {
        position: relative; }
        .index-weather-C .index-weather-detail-C .weather-warn .d-warn-list-C ul li .w-content, .index-weather-C .index-weather-detail-C .weather-warn .d-warn-list-C ul li .w-time, .index-weather-C .index-weather-detail-C .road-warn .d-warn-list-C ul li .w-content, .index-weather-C .index-weather-detail-C .road-warn .d-warn-list-C ul li .w-time {
          padding: 0 26px;
          color: #818181; }
        .index-weather-C .index-weather-detail-C .weather-warn .d-warn-list-C ul li .w-content img, .index-weather-C .index-weather-detail-C .road-warn .d-warn-list-C ul li .w-content img {
          left: 10px;
          top: 10px;
          margin: 0 10px 0 -17px;
          vertical-align: middle; }
        .index-weather-C .index-weather-detail-C .weather-warn .d-warn-list-C ul li .w-content a, .index-weather-C .index-weather-detail-C .road-warn .d-warn-list-C ul li .w-content a {
          color: #818181; }
          .index-weather-C .index-weather-detail-C .weather-warn .d-warn-list-C ul li .w-content a:hover, .index-weather-C .index-weather-detail-C .road-warn .d-warn-list-C ul li .w-content a:hover {
            color: #c40000;
            text-decoration: underline; }
        .index-weather-C .index-weather-detail-C .weather-warn .d-warn-list-C ul li .w-time, .index-weather-C .index-weather-detail-C .road-warn .d-warn-list-C ul li .w-time {
          text-align: right; }

/*自定义滚动条样式*/
.zUIpanelScrollBox, .zUIpanelScrollBar {
  width: 10px;
  top: 4px;
  right: 2px;
  border-radius: 5px; }

.zUIpanelScrollBox {
  background: black;
  opacity: 0.1;
  filter: alpha(opacity=10); }

.zUIpanelScrollBar {
  background: #dadce7;
  opacity: 0.8;
  filter: alpha(opacity=80); }

/**国务院**/
.pub-right-box {
  position: fixed;
  left: 100%;
  top: 0;
  background: #818181;
  width: 295px;
  height: 100%;
  z-index: 1006; }

.pub-gwy, .pub-weibo, .pub-weixin, .pub-letter, .pub-fqa, .index-weather-C, .pub-user {
  z-index: 1;
  top: 100%;
  right: 0;
  /*  transition:transform .5s,top 1s .5s;
    -webkit-transition:-webkit-transform .5s,top 1s .5s;
    -moz-transition:-moz-transform .5s,top 1s .5s;*/
  -webkit-transform: scale(0.75);
  transform: scale(0.75); }
  .pub-gwy.active, .pub-weibo.active, .pub-weixin.active, .pub-letter.active, .pub-fqa.active, .index-weather-C.active, .pub-user.active {
    -webkit-transition: 0.5s top;
    transition: 0.5s top;
    -webkit-transform: scale(1);
    transform: scale(1);
    top: 0;
    z-index: 2; }
  .pub-gwy .pub-title, .pub-weibo .pub-title, .pub-weixin .pub-title, .pub-letter .pub-title, .pub-fqa .pub-title, .index-weather-C .pub-title, .pub-user .pub-title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    background: #edf0f4;
    color: #245399;
    font-weight: normal;
    position: relative; }
    .pub-gwy .pub-title .pub-exit, .pub-weibo .pub-title .pub-exit, .pub-weixin .pub-title .pub-exit, .pub-letter .pub-title .pub-exit, .pub-fqa .pub-title .pub-exit, .index-weather-C .pub-title .pub-exit, .pub-user .pub-title .pub-exit {
      color: #999;
      font-size: 12px;
      float: right;
      margin-top: 10px;
      right: 12px;
      position: absolute;
      -webkit-transition: 0.2s;
      transition: 0.2s; }
      .pub-gwy .pub-title .pub-exit:hover, .pub-weibo .pub-title .pub-exit:hover, .pub-weixin .pub-title .pub-exit:hover, .pub-letter .pub-title .pub-exit:hover, .pub-fqa .pub-title .pub-exit:hover, .index-weather-C .pub-title .pub-exit:hover, .pub-user .pub-title .pub-exit:hover {
        color: #c40000; }
    .pub-gwy .pub-title .pub-title-btn, .pub-weibo .pub-title .pub-title-btn, .pub-weixin .pub-title .pub-title-btn, .pub-letter .pub-title .pub-title-btn, .pub-fqa .pub-title .pub-title-btn, .index-weather-C .pub-title .pub-title-btn, .pub-user .pub-title .pub-title-btn {
      background: #fff;
      border: 1px solid #dde5ef;
      border-radius: 4px;
      color: #6680a3;
      right: 8px;
      bottom: 8px;
      height: 24px;
      float: right;
      margin-top: 16px;
      margin-right: 2px;
      line-height: 24px;
      font-size: 12px;
      padding: 0 6px;
      position: absolute;
      -webkit-transition: 0.4s;
      transition: 0.4s; }
      .pub-gwy .pub-title .pub-title-btn:hover, .pub-weibo .pub-title .pub-title-btn:hover, .pub-weixin .pub-title .pub-title-btn:hover, .pub-letter .pub-title .pub-title-btn:hover, .pub-fqa .pub-title .pub-title-btn:hover, .index-weather-C .pub-title .pub-title-btn:hover, .pub-user .pub-title .pub-title-btn:hover {
        background: #6680a3;
        color: #fff; }
  .pub-gwy .pub-bottom-nav-C, .pub-weibo .pub-bottom-nav-C, .pub-weixin .pub-bottom-nav-C, .pub-letter .pub-bottom-nav-C, .pub-fqa .pub-bottom-nav-C, .index-weather-C .pub-bottom-nav-C, .pub-user .pub-bottom-nav-C {
    width: 100%;
    height: 125px;
    border-top: 1px solid #c2cfe6;
    border-bottom: 1px solid #c2cfe6; }
  .pub-gwy .pub-user-nav-C, .pub-weibo .pub-user-nav-C, .pub-weixin .pub-user-nav-C, .pub-letter .pub-user-nav-C, .pub-fqa .pub-user-nav-C, .index-weather-C .pub-user-nav-C, .pub-user .pub-user-nav-C {
    height: 125px;
    width: 260px;
    margin: 0 auto; }
    .pub-gwy .pub-user-nav-C li, .pub-weibo .pub-user-nav-C li, .pub-weixin .pub-user-nav-C li, .pub-letter .pub-user-nav-C li, .pub-fqa .pub-user-nav-C li, .index-weather-C .pub-user-nav-C li, .pub-user .pub-user-nav-C li {
      float: left;
      width: 109px;
      height: 40px;
      margin-top: 15px;
      margin-left: 20px;
      cursor: pointer; }

.pub-user .pub-userinfo-C {
  width: 100%;
  height: 100px;
  margin-top: 25px;
  border-bottom: 1px solid #dde7f4; }
  .pub-user .pub-userinfo-C .pub-user-portrait, .pub-user .pub-userinfo-C .pub-user-msg {
    float: left;
    width: 106px;
    height: 100%; }
  .pub-user .pub-userinfo-C .pub-user-portrait {
    text-align: center; }
  .pub-user .pub-userinfo-C .pub-user-msg span {
    color: #245399;
    font-size: 16px; }
  .pub-user .pub-userinfo-C .pub-user-msg .user-validate {
    font-size: 12px;
    background: #35bd8f;
    color: #fff;
    padding: 1px 2px;
    margin-left: 14px;
    display: inline-block; }
  .pub-user .pub-userinfo-C .pub-user-msg .user-msg {
    width: 100%;
    height: 30px;
    margin-top: 20px; }
.pub-letter {
  background: #fff; }
  .pub-letter h1 {
    height: 50px; }
  .pub-letter .pub-letter-form {
    width: 90%;
    margin: 0 auto; }
    .pub-letter .pub-letter-form h1 {
      height: 20px; }
    .pub-letter .pub-letter-form .pub-letter-title {
      color: #245399;
      padding: 10px 0; }
      .pub-letter .pub-letter-form .pub-letter-title span {
        color: #c40000; }
    .pub-letter .pub-letter-form .lt-form-btns {
      margin-top: 20px; }
.pub-fqa .pub-input-C {
  width: 100%;
  height: 186px;
  border-top: 1px solid #b1c6e4;
  background: #edf0f4;
}




/*IE7 hack*/
* + html .lt-user-msg-list img {
  position: relative;
  left: -16px; }
* + html .pub-user .pub-title .pub-title-btn {
  margin-top: -32px; }
* + html .pub-user .pub-title .pub-exit {
  margin-top: -2px; }
* + html .xinxi1 li:nth-of-type(1) {
  margin-top: 20px;
  padding-top: 10px; }
* + html .head_inner {
  height: 360px; }
* + html .lt-p-header {
  height: 360px; }
  * + html .lt-p-header .index-search_rig {
    position: relative;
    width: 666px;
    top: 148px;
    float: none;
    left: 272px;
    z-index: 1002; }
    * + html .lt-p-header .index-search_rig input.ipt_txt1 {
      width: 626px; }
    * + html .lt-p-header .index-search_rig .txt_btn {
      width: 100%; }

/*# sourceMappingURL=public.css.map */
